<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>在途运输质量分析</title>
    <link rel="icon" href="https://static.jianshukeji.com/highcharts/images/favicon.ico">
</head>
<body>
<div class="container">
    <h5>分析条件选择</h5>
</div>
<div class="container">
    <div class="row clearfix">
        <div class="col-md-12 column">
            <form class="form-horizontal" role="form">
                <div class="form-group">
                    <label  class="col-sm-2 control-label">车辆选择:</label>
                    <div class="col-sm-3">
                        <select name="cllx" class="form-control">
                            <option value="请选择" selected="selected">请选择</option>
                            <option value="电动物流车001">电动物流车001</option>
                            <option value="电动物流车002">电动物流车002</option>
                            <option value="电动物流车003">电动物流车003</option>
                            <option value="电动物流车004">电动物流车004</option>
                        </select>
                    </div>
                    <label class="col-sm-2 control-label">时间粒度:</label>
                    <div class="col-sm-3">
                        <label class="form-control">
                            <input name="mintime" type="radio"  value="1"/>月&nbsp;&nbsp;&nbsp;&nbsp;
                            <input name="mintime" type="radio"  value="2"/>季度&nbsp;&nbsp;&nbsp;&nbsp;
                            <input name="mintime" type="radio"  value="3"/>年
                        </label>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-2 control-label">时间选择:</label>
                    <div class="col-sm-3">
                        <input type="time" class="form-control"/>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-offset-5 col-sm-10">
                        <button type="submit" class="btn btn-default">查询</button>
                        <button type="button" class="btn btn-default">重置</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
<div class="container">
    <h5>分析结果</h5>
    <h4 align="center">2017年第二季度电动物流车001在途运输质量分析</h4>
</div>
<div class="container">
    <div class="row">
        <div class="col-sm-12">
            电动物流车001累计行驶里程13685km，其中2017年第二季度行驶385km；累计充电89次，其中2017年第二季度充电3次；2017年第二季度，电动物流车001负载时长为1081h，期间共告警192次，其中大于10分钟的告警共31次。收到短信提醒31次。
        </div>
    </div>
</div>
<div class="container">
    <h5>一.负载统计</h5>
    <p>  2017年第二季度，电动物流车001负载时长为1081h，同比增长12%，环比增长4%；空载时长为1103h，同比增长-14%，环比增长-6%。2017年第二季度负载详情如下：</p>
</div>
<div class="container">
    <div class="row">
            <div class="col-sm-5">
                <div id="container1" style="min-width:200px;height:200px"></div>
            </div>
            <div class="col-sm-6">
                <div id="container2" style="min-width:200px;height:200px"></div>
            </div>
    </div>
</div>
<div class="container">
    <h6>详情列表</h6>
</div>
<table class="table  table-bordered">
    <thead>
    <tr>
        <th>时间</th>
        <th>负载时长(h)</th>
        <th>负载同比增长率(%)</th>
        <th>负载环比增长率(%)</th>
        <th>空载时长(h)</th>
        <th>空载同比增长率(%)</th>
        <th>空载环比增长率(%)</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td>2017年4月</td>
        <td>362</td>
        <td>8</td>
        <td>3</td>
        <td>369</td>
        <td>-6</td>
        <td>-1</td>
    </tr>
    <tr>
        <td>2017年4月</td>
        <td>362</td>
        <td>8</td>
        <td>3</td>
        <td>369</td>
        <td>-6</td>
        <td>-1</td>
    </tr>
    <tr>
        <td>2017年4月</td>
        <td>362</td>
        <td>8</td>
        <td>3</td>
        <td>369</td>
        <td>-6</td>
        <td>-1</td>
    </tr>
    </tbody>
</table>

<div class="container">
    <h5>二.异常统计</h5>
    <p>    2017年第二季度，电动物流车001共发生异常192次，其中车体故障52次， 温湿度告警46次，通信故障告警15次，终端故障告警31次，电子围栏告警48次。2017年第二季度告警详情如下：</p>
</div>
<div class="container">
    <div class="row">
        <div class="col-sm-5">
            <div id="container3" style="min-width:200px;height:200px"></div>
        </div>
        <div class="col-sm-6">
            <div id="container4" style="min-width:200px;height:200px"></div>
        </div>
    </div>
</div>
<div class="container">
    <h6>详情列表</h6>
</div>
<div class="container">
    <div class="row">
        <div class="col-sm-5">
            <table class="table  table-bordered">
                <thead>
                <tr>
                    <th>时间</th>
                    <th>异常次数</th>
                    <th>同比增长率(%)</th>
                    <th>环比增长率(%)</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>2017年4月</td>
                    <td>362</td>
                    <td>8</td>
                    <td>3</td>
                </tr>
                <tr>
                    <td>2017年4月</td>
                    <td>362</td>
                    <td>8</td>
                    <td>3</td>
                </tr>
                <tr>
                    <td>2017年4月</td>
                    <td>362</td>
                    <td>8</td>
                    <td>3</td>
                </tr>
                </tbody>
            </table>
        </div>
        <div class="col-sm-6">
            <table class="table  table-bordered">
                <thead>
                <tr>
                    <th> </th>
                    <th>车体故障</th>
                    <th>温湿度告警</th>
                    <th>通信故障告警</th>
                    <th>终端故障告警</th>
                    <th>电子围栏告警</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td>告警次数</td>
                    <td>3</td>
                    <td>2</td>
                    <td>2</td>
                    <td>1</td>
                    <td>1</td>
                </tr>
                <tr>
                    <td>占比</td>
                    <td>34</td>
                    <td>22</td>
                    <td>22</td>
                    <td>12</td>
                    <td>12</td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>
<div class="container">
    <h5>三.持续时间大于10分钟的异常统计</h5>
    <p>  2017年第二季度，电动物流车001共发生持续时间大于10分钟的异常31次，其中车体故障15次， 温湿度告警6次，通信故障告警1次，终端故障告警3次，电子围栏告警7次。详情如下：：</p>
</div>
<div class="container">
    <div class="row">
        <div class="col-sm-12">
            <div id="container5" style="min-width:200px;height:200px"></div>
        </div>
    </div>
</div>
<div class="container">
    <h6>详情列表</h6>
</div>
<table class="table  table-bordered">
    <thead>
    <tr>
        <th>时间</th>
        <th>负载时长(h)</th>
        <th>负载同比增长率(%)</th>
        <th>负载环比增长率(%)</th>
        <th>空载时长(h)</th>
        <th>空载同比增长率(%)</th>
        <th>空载环比增长率(%)</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td>2017年4月</td>
        <td>362</td>
        <td>8</td>
        <td>3</td>
        <td>369</td>
        <td>-6</td>
        <td>-1</td>
    </tr>
    <tr>
        <td>2017年4月</td>
        <td>362</td>
        <td>8</td>
        <td>3</td>
        <td>369</td>
        <td>-6</td>
        <td>-1</td>
    </tr>
    <tr>
        <td>2017年4月</td>
        <td>362</td>
        <td>8</td>
        <td>3</td>
        <td>369</td>
        <td>-6</td>
        <td>-1</td>
    </tr>
    </tbody>
</table>

<script src="../tjfx/ztzlfx.js"></script>
</body>
</html>